<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>web存储_sessionStorage</title>
	</head>
	<body>


	<br>
	<br>
	<br>
	sessionStorage的使用:
	用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。
	存储大小在5mb左右



	<br>

 	<input type="text" id="userName"><br>

	<input type="button" value="设置数据" id="setData">
	<input type="button" value="获取数据" id="getData">
	<input type="button" value="删除数据" id="removeData">





	<script>


		// 存储数据
		document.querySelector("#setData").onclick = function () {
		    var name = document.querySelector("#userName").value;
			window.sessionStorage.setItem("userName",name);

        }


        //获取数据
        document.querySelector("#getData").onclick = function () {
            document.querySelector("#userName").value = window.sessionStorage.getItem("userName");

        }

        document.querySelector("#removeData").onclick = function () {
            window.sessionStorage.removeItem("userName");
            document.querySelector("#userName").value = window.sessionStorage.getItem("userName");
        }


	</script>


	</body>
</html>
